<form method="POST" action="?step=2">
<table width="100%" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
    <td valign="top">
      <!--<table width="100%" cellspacing="0" cellpadding="0" align="center" border="0">
        <tbody>
        <tr>
          <td width="100%" valign="top">
          <table width="100%" cellspacing="0" cellpadding="0" align="center" border="0">
            <tbody><tr>
              <td class="designer_bodydrk" valign="middle"><div class="margin-bottom">
                <h5>Retrieve Your Floor</h5>
                <label class="labeler">Email: <input name="save_email" id="save_email" size="20" onfocus="this.select();" type="text"></label><label class="labeler">Last Name: <input name="save_lname" id="save_lname" size="20" onfocus="this.select();" type="text"></label><br><br>
                  <input name="submit_retrieve" id="submit_retrieve" value="retrieve »" class="buttonizer margin-top" type="submit">
              </div></td>
            </tr></tbody>
          </table>
          </td>
        </tr>
        </tbody>
      </table>-->
      <table width="100%" height="74" cellspacing="0" cellpadding="0" align="center" border="0">
        <tbody>
          <tr>
            <td><h2>第一步：设置尺寸和形状或选用预设值</h2></td>
          </tr>
        <tr>
          <td class="designer_title" height="19" valign="top">
            <h3>选项一：定义尺寸和形状<br></h3>
          </td>
        </tr>
        <tr>
          <td class="designer_widthbckng2" valign="top">
            <table width="100%" height="213" cellspacing="0" cellpadding="0" align="center" border="0">
                <tbody><tr>
                  <td width="24%" height="173" valign="bottom">
                    <div align="center">
                      <p>
                      <img src="images/customRectangle.gif" alt="Rectangle" width="120" height="144"><br>
                    <input name="layout" id="layout1" value="1" checked type="radio"><br>
                      </p>
                      </div>
                    </td>
                  <td width="24%" height="173" valign="middle">
                    <div align="center">
                      <table class="designer_body" width="177" cellspacing="0" cellpadding="0" border="0">
                        <tbody><tr>
                          <td class="designer_body" width="61">&nbsp;</td>
                          <td class="designer_body" width="44" align="center">米</td>
                          <td class="designer_body" width="44" align="center">厘米</td>
                        </tr>
                        <tr>
                          <td class="designer_body" align="right">宽：</td>
                          <td class="designer_body"><input name="w1a" id="w1a" size="3" maxlength="3" onkeyup="document.getElementById('layout1').checked=true;this.value=fnCInt(this.value);" type="number" min="1" value="7"></td>
                          <td class="designer_body"><input name="w1ai" id="w1ai" size="3" maxlength="2" onkeyup="document.getElementById('layout1').checked=true;this.value=fnCInt(this.value);" type="number" min="0" max="99" value="0"></td>
                        </tr>
                        <tr>
                          <td class="designer_body" align="right">长：</td>
                          <td class="designer_body"><input name="h1a" id="h1a" size="3" maxlength="3" onkeyup="document.getElementById('layout1').checked=true;this.value=fnCInt(this.value);" type="number" min="1" max="50" value="8"></td>
                          <td class="designer_body"><input name="h1ai" id="h1ai" size="3" maxlength="2" onkeyup="document.getElementById('layout1').checked=true;" type="number" min="0" max="99" value="0"></td>
                        </tr>
                      </tbody></table>
                    </div>
                  </td>
                  <td style="border-right:solid 1px #ccc;" width="4%" valign="middle">
                    <div align="center"></div>
                  </td>
                  <td width="24%" valign="bottom">
                    <div align="center">
                    <img src="images/customLshape.gif" alt="L Shape" width="166" height="163"><br>
                          <input name="layout" id="layout2" value="2" type="radio">
                      &nbsp;<br>
                      &nbsp;<br>
                    </div>
                  </td>
                  <td width="22%" valign="top">
                    <div align="center">
                      <table class="designer_body" width="177" cellspacing="0" cellpadding="0" border="0">
                        <tbody>
                        <tr>
                          <td class="designer_bodydrk" >
                          <strong>A区域</strong><br>
                            </td>
                        </tr>
                        <tr>
                          <td class="designer_body" width="61">&nbsp;</td>
                          <td class="designer_body" width="44" align="center">米</td>
                          <td class="designer_body" width="44" align="center">厘米</td>
                        </tr>
                        <tr>
                          <td class="designer_body" align="right">宽：</td>
                          <td class="designer_body"><input name="w2a" id="w2a" size="3" maxlength="3" onkeyup="document.getElementById('layout2').checked=true;this.value=fnCInt(this.value);" type="number" min="1" max="17" value="7"></td>
                          <td class="designer_body"><input name="w2ai" id="w2ai" size="3" maxlength="2" onkeyup="document.getElementById('layout2').checked=true;this.value=fnCInt(this.value);" type="number" min="0" max="99" value="0"></td>
                        </tr>
                        <tr>
                          <td class="designer_body" align="right">长：</td>
                          <td class="designer_body"><input name="h2a" id="h2a" size="3" maxlength="3" onkeyup="document.getElementById('layout2').checked=true;this.value=fnCInt(this.value);" type="number" min="1" max="50" value="8"></td>
                          <td class="designer_body"><input name="h2ai" id="h2ai" size="3" maxlength="2" onkeyup="document.getElementById('layout2').checked=true;this.value=fnCInt(this.value);" type="number" min="0" max="99" value="0"></td>
                        </tr>
                      </tbody>
                      </table>
                      <table class="designer_body" width="177" cellspacing="0" cellpadding="0" border="0">
                        <tbody><tr>
                          <td class="designer_bodydrk" >
                            <strong>B区域</strong><br>
                              </td>
                          </tr>
                        <tr>
                          <td class="designer_body" width="61">&nbsp;</td>
                          <td class="designer_body" width="44" align="center">米</td>
                          <td class="designer_body" width="44" align="center">厘米</td>
                        </tr>
                        <tr>
                          <td class="designer_body" align="right">宽：</td>
                          <td class="designer_body"><input name="w2b" id="w2b" size="3" maxlength="3" onkeyup="document.getElementById('layout2').checked=true;"  type="number" min="1" max="17" value="3"></td>
                          <td class="designer_body"><input name="w2bi" id="w2bi" size="3" maxlength="2" onkeyup="document.getElementById('layout2').checked=true;"  type="number" min="0" max="99" value="0"></td>
                        </tr>
                        <tr>
                          <td class="designer_body" align="right">长：</td>
                          <td class="designer_body"><input name="h2b" id="h2b" size="3" maxlength="3" onkeyup="document.getElementById('layout2').checked=true;"  type="number" min="1" max="50" value="4"></td>
                          <td class="designer_body"><input name="h2bi" id="h2bi" size="3" maxlength="2" onkeyup="document.getElementById('layout2').checked=true;"  type="number" min="0" max="99" value="0"></td>
                        </tr>
                      </tbody></table>
                    </div>
            </td>
                </tr>
            </tbody></table>

      <table width="100%" height="199" cellspacing="0" cellpadding="0" align="center" border="0">
          <tbody><tr>
            <td height="26"><div class="designer_title" align="left">
              <h3>选项二：常见尺寸<em></em></h3>
            </div></td>
          </tr>
          <tr>
            <td class="designer_widthbckng" width="148" height="107" valign="bottom"><div onclick="fdSetDimensions(1, 10, 16, 0, 0); document.getElementById('radio1').checked=true;" align="center"><img src="images/10x16.gif" alt="10x16" width="33" height="54"></div></td>
            <td width="160" valign="bottom"><div onclick="fdSetDimensions(1, 20, 24, 0, 0); document.getElementById('radio2').checked=true;" align="center"><img src="images/20x24.gif" alt="20x24" width="66" height="78"></div></td>
            <td width="20%" valign="bottom"><div onclick="fdSetDimensions(1, 22, 34, 0, 0); document.getElementById('radio3').checked=true;" align="center"><img src="images/22x34.gif" alt="24x34" width="72" height="112"></div></td>
            <td width="20%" valign="bottom"><div onclick="fdSetDimensions(1, 30, 36, 0, 0); document.getElementById('radio4').checked=true;" align="center"><img src="images/30x36.gif" alt="30x36" width="99" height="117"></div></td>
            <td width="228" valign="bottom"><div onclick="fdSetDimensions(2, 11, 16, 5, 5); document.getElementById('radio5').checked=true;" align="center"><img src="images/Lshape_preset.gif" alt="L Shape" width="166" height="161"></div></td>
          </tr>
          <tr>
            <td class="designer_body" width="148" height="85" valign="top"><div align="center">
              <label><input name="radio" id="radio1" value="radio" onclick="fdSetDimensions(1, 10, 16, 0, 0);" checked="" type="radio">
              <br>
              <br>
              Standard 1 Car Garage
              </label>
              </div></td>
            <td class="designer_body" width="160" valign="top"><div align="center">
              <label><input name="radio" id="radio2" value="radio" onclick="fdSetDimensions(1, 20, 24, 0, 0);" type="radio">
              <br>
              <br>
              Standard 2 Car Garage
              </label>
              </div></td>
            <td class="designer_body" width="20%" valign="top"><div align="center">
              <label><input name="radio" id="radio3" value="radio" onclick="fdSetDimensions(1, 22, 34, 0, 0);" type="radio">
              <br>
              <br>
              Standard Large 2 Car Garage
              </label>
              </div></td>
            <td class="designer_body" width="20%" valign="top"><div align="center">
              <label><input name="radio" id="radio4" value="radio" onclick="fdSetDimensions(1, 30, 36, 0, 0);" type="radio">
              <br>
              <br>
              Standard 3 Car Garage</label>
              </div></td>
            <td class="designer_body" width="228" valign="top"><div align="center">
              <label><input name="radio" id="radio5" value="radio" onclick="fdSetDimensions(2, 11, 16, 5, 5);" type="radio">
              <br>
              <br>
              Standard<br>
            3 Car "L" Shaped Garage
              </label>
              </div></td>
            </tr>
           </tbody></table>

          </td>
        </tr>
        <tr>
          <td width="25%" valign="top" align="center">
            <h4 class="margin-top">下一步：图案选择</h4>
            <input name="submit" id="submit" value="继续 »" class="buttonizer" type="submit">
          </td>
        </tr>
      </tbody></table>
    </td>
    </tr>
  </tbody>
</table>
</form>